<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>东区导航</title>
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="css/act.css">
    	<link rel="stylesheet" href="css/err.css">
    	
		<script src="./js/zepoto.min.js"></script>
		<script src="./js/touch.js"></script>
		<script type="text/javascript" src="js/WebP.js"></script>
		<script src="./js/index.js" type="text/javascript"></script>
	</head>

	<body>
		<section id="page1">
			<div class="nav">
				<div class="inpt">
					<label for="start">出发地</label>
					<input type="text" id="start" placeholder="例如：FF205">
					<i class="err" id="err1">无此教室</i>
				</div>
				<div class="inpt">
					<label for="end">目的地</label>
					<input type="text" id="end" placeholder="例如：FF305">
					<i class="err" id="err2">教室格式不正确</i>
				</div>
				<span id="mes1">双击出发地,可进入教学楼外地图选点模式</span>
				<input type="button" class="" value="查询" id="action">
			</div>
		</section>
		<section id="page2">
			<header>
				<nav>
					<input type="text" id="startEnd" disabled value="FF205 到 FF305">
					<input type="button" id="showBtn" value="重新输入">
				</nav>
				<aside>
					<ol id="act-ol">
						<!--<li>从fz204出发直走到fz212</li>
						<li>发直走到fz212</li>
						<li>从fz204出发直走到2</li>
						<li>从fz204走到fz212</li>-->
					</ol>
				</aside>
			</header>
			<section>
				<ul id="act-ul">
					<!--<li>
						从fz204出发直走到fz212
						<img class="firstImg" src="./img/no/1.webp" alt="加载失败">
					</li>
					<li>发直走到fz212
						<img src="./img/no/1.webp" alt="加载失败">
					</li>
					<li>
						从fz204出发直走到2
						<img src="./img/no/1.webp" alt="加载失败">
					</li>
					<li>
						从fz204走到fz212
						<img src="./img/no/1.webp" alt="加载失败">
					</li>-->
				</ul>
				<div id="big">
					<img src="./img/1.png" alt="加载失败">
				</div>
				<canvas id="Can" width="" height=""></canvas>
			</section>
			<footer>
				<input type="button" id="errsend" value="路线报错">
				<input type="button" id="noerr" value="顺利到达">
			</footer>
		</section>
		<section id="page3">
			<div id="content">
				<img src="./img/v.png" alt="">
				<span id="mes2">感谢使用</span>
				<input type="button" id="reaction" value="重新导航">
				<span id="lastmes">直接点击左上角叉号可退出</span>

			</div>
		</section>
		<section id="page4">
			<div id="content">
				<img src="./img/!.png" alt="">
				<span id="mes2">很抱歉，线路出问题了 <br/>我们会抓紧时间修复线路</span>
				<input type="button" id="reaction1" value="重新导航">
				<span id="lastmes">试试目的地其它的教室</span>

			</div>
		</section>
	</body>

</html>